<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=
    , initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/首页.css">
</head>

<body>
    <div class="content">
        <!-- 轮播 -->
        <div class="top-log">
            <div class="log">
                <div class="log-g"><span class="ga">广告</span></div>
            </div>

        </div>
        <ul class="cm">
            <li><img src="img/tmall-0409-cn.jpg" alt=""></li>
            <li><img src="img/tmall-0409-cn.jpg" alt=""></li>
            <li><img src="img/tmall-0409-cn.jpg" alt=""></li>
        </ul>
        <div class="xin">
            <div class="xinkong">
                <div class="left-a">
                    <div class="xinkong-a">星空俱乐部</div>
                    <div class="kq">开启您的星享之旅，星星越多、会员等级越高、好礼越丰富。<span class="lj">了解更多 ›</span></div>
                    <div class="zu">
                        <div class="zu-a">注册</div>
                        <div class="zu-a">登录</div>
                    </div>
                </div>
                <div class="right-a">
                    <img src="https://www.starbucks.com.cn/assets/images/logo-msr-new.svg" alt="">
                </div>
            </div>
        </div>
        <div class="xinba">
            <div class="xinba-a">辛巴克精选</div>
            <div class="xinba-b">在星巴克天猫旗舰店发现更多咖啡心意</div>
            <ul class="hy">
                <li>
                    <div class="hy-a">                      
                    </div>
                    <div class="hy-b">会员星礼包</div>
                    <div class="xinka">星享卡新升级更多心意好礼</div>
                    <div class="lj-a">了解更多></div>
                </li>
                <li>
                    <div class="hy-a">                      
                    </div>
                    <div class="hy-b">会员星礼包</div>
                    <div class="xinka">星享卡新升级更多心意好礼</div>
                    <div class="lj-a">了解更多></div>
                </li>
                <li>
                    <div class="hy-a">                      
                    </div>
                    <div class="hy-b">会员星礼包</div>
                    <div class="xinka">星享卡新升级更多心意好礼</div>
                    <div class="lj-a">了解更多></div>
                </li>
                <li>
                    <div class="hy-a">                      
                    </div>
                    <div class="hy-b">会员星礼包</div>
                    <div class="xinka">星享卡新升级更多心意好礼</div>
                    <div class="lj-a">了解更多></div>
                </li>
              
              
            </ul>
        </div>
        <div class="paike">
            <div class="paike-a">
                <div class="kh">1912 派克街 | 咖啡星讲堂</div>
                <div class="lji">了解更多星巴克咖啡文化</div>
                <ul class="paike-b">
                    <li>
                        <div class="zs">咖啡知识</div>
                        <div class="pt"></div>
                        <div class="pt-a">咖啡的起源与培植</div>
                    </li>
                    <li>
                        <div class="zs">咖啡知识</div>
                        <div class="pt"></div>
                        <div class="pt-a">咖啡的起源与培植</div>
                    </li>
                    <li>
                        <div class="zs">咖啡知识</div>
                        <div class="pt"></div>
                        <div class="pt-a">咖啡的起源与培植</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>